<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>

		             .msgshow::-webkit-scrollbar {
						width: 10px;
						height: 10px;
					    background:transparent;
						border-radius: 10px;
						/*外层轨道*/
						
					}
		
					.msgshow::-webkit-scrollbar-thumb {
						display: block;
						width: 6px;						 
						margin: 0 auto;
						border-radius: 10px;
						background: #9e9d9c;
						/*内层轨道*/
					}
				 
					
		</style>
	</head>
	<body>
		 <div class="msgshow" style="width: 200px;border: 1px solid red;height: 200px;overflow-y: scroll;overflow-x: hidden;display: inline-block;">		 
			  123jkjdlasjdlasckbkxcbhbci1231312312dsd12312312csacsdasasdasdasdasdssdasdasdsdasdasdad
			   
			 <p style="width: 20px;height: 3000px;border: 1px solid red;"></p>
		 </div>
		 
	</body>
</html>
